<template>
    <div class="todolist">
        <h1>{{blue}}</h1>
        <h2>{{blue}}</h2>
        <el-button @click="send"></el-button>
    </div>
</template>

<script>
export default {
  data () {
    return {
      a: 1
    }
  },
  props: ['blue'],
  methods: {
    send () {
      this.$emit('listen', 'one after 909')
    }
  }
}
</script>

<style lang="less" scoped>
ul{
  margin: 0;
  padding: 0;
  li {
      margin: 0;
      padding: 0;
      line-height: 50px;
      list-style: none;
  }
}

</style>
